<script setup>
import { RouterView } from 'vue-router'
</script>

<template>
  <RouterView />
</template>

<style>
/* 重置默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  position: relative;
}

#app {
  min-height: 100vh;
  width: 100vw;
  /* 移除默认的 padding 和 max-width */
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
}

/* 覆盖 element-plus 的一些默认样式 */
.el-card {
  --el-card-padding: 20px;
  border: none;
}
</style>
